<template>
	<view>
		<video class="video" :src="url" :autoplay="true" :style="'position: absolute; width: ' + videoW + 'px; height: ' + videoH + 'px; top: ' + videoT + 'px;'"></video>
	</view>
</template>
<script>
	var app = getApp();
	export default {
		data() {
			return {
				url: '',
				videoW: 0,
				videoH: 0,
				videoT: 0
			}
		},
		onLoad: function (options) {
			var self = this;
			self.url = options.url;
			uni.getSystemInfo({
				success: function (res) {
					self.videoW = res.safeArea.width;
					self.videoH = res.safeArea.height;
					self.videoT = res.safeArea.top;
				}
			});
		},
		methods: {
			
		}	
	}
</script>
<style>
	@import "./index.css";
</style>